<template>
    <div class="transitemwrap">
        <template v-if="sType==1">
            <transtype1 :transitem="transitem" :numindex="numindex"></transtype1>
        </template>
        <template v-else-if="sType==2">
            <transtype2 :transitem="transitem" :numindex="numindex"></transtype2>
        </template>
        <template v-else-if="sType==3">
            <transtype3 :transitem="transitem" :numindex="numindex"></transtype3>
        </template>
    </div>
</template>

<script>
import { mapGetters,mapState } from "vuex";
import transtype1 from "./sType1.vue";
import transtype2 from "./sType2.vue";
import transtype3 from "./sType3.vue";
export default {
    name: "transitem",
    components: {
        transtype1,
        transtype2,
        transtype3
    },
    props:['transitem','numindex'],
    data() {
        return {
            
        }
    },
    computed:{
        ...mapGetters({
            "sType":'user/sType'
        }),
		...mapState({
			account:state=>state.user.account
		})
    },
    methods:{
        totransdetail:function(){
            this.$router.push({
                path:'/transdetail',
                query:{
                    t_ctnrId:this.transitem.t_ctnrId
                }
            })
        }
    },
    mounted:function(){

    }
};
</script>

<style lang="less" scoped>
.transitemwrap{
    width: 100%;
    height: auto;
    .errordata{
        font-size: .4rem;
        color: #666;
        text-align: center;
        padding: .4rem;
        background-color: #fff;
    }
}
</style>
